HTMLify

const timer = document.getElementById('stopwatch');
const lapBox = document.getElementById('lapBox');
var hr = 0;
var min = 0;
var sec = 0;
var stoptime = true;

const timerCycle= () => {
    if(stoptime == false){
        sec = parseInt(sec);
        min = parseInt(min);
        hr = parseInt(hr);

        sec = sec + 1;

        if (sec == 60){
            min = min + 1;
            sec = 0;
        }
        if (min == 60){
            hr = hr +1;
            min = 0;
            sec = 0;
        }
        if (sec < 10 || sec == 0){
            sec = '0' + sec ;
        }
        if (min < 10 || min == 0){
            min = '0' + min ;
        }
        if (hr < 10 || hr == 0){
            hr = '0' + hr ;
        }
        timer.innerHTML = hr + ':' + min + ':' + sec ;
        setTimeout(timerCycle, 1000);
    }
}

function startTimer(){
    if (stoptime == true){
        stoptime = false;
        timerCycle();
    }
}
function lapTimer(){
    let lapTime = document.createElement('h1');
    lapTime.innerHTML =  hr + ':' + min + ':' + sec ;
    lapBox.appendChild(lapTime);
}
function stopTimer(){
    if(stoptime == false){
        stoptime = true;
        clearInterval();
    }
}

function resetTimer() {
    timer.innerHTML = '00:00:00';
    stoptime = true;
    hr = 0;
    min = 0;
    sec = 0;
    while(lapBox.firstChild){
        lapBox.removeChild(lapBox.firstChild);
    }
}